<template>
  <div class="container_err">
    <img src="../../image/404.png" alt="" />
    <h1><u @click="toBack">此路不通,请原路返回吧,亲</u></h1>
  </div>
</template>
<script setup>
import { useBackRouterEffect } from "../../components/effects/backEffect";
const toBack = useBackRouterEffect();
</script>
<style lang="scss" scoped>
.container_err {
  width: 414rem;
  height: 896rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  img {
    width: 414rem;
    height: 210rem;
  }
  h1 {
    letter-spacing: 5rem;
  }
}
</style>
